body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,hr,thead,tbody,tfoot,th,td{margin:0;padding:0;}
ul,ol{list-style:none;}
a{text-decoration:none;}
html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;}
body{line-height:1.5; font-size:14px;}
body,button,input,select,textarea{font-family:'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;}
b,strong{font-weight:bold;}
i,em{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
table th,table td{border:1px solid #ddd;padding:5px;}
table th{font-weight:inherit;border-bottom-width:2px;border-bottom-color:#ccc;}
img{border:0 none;width:auto\9;max-width:100%;vertical-align:top; height:auto;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
input:focus{outline:none;}
select[size],select[multiple],select[size][multiple]{border:1px solid #AAA;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video,progress{display:inline-block;}
body{background:#fff;}
input::-webkit-input-speech-button {display: none}
button,input,textarea{
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {background:#F6F7FB;width:100%;height:100%;font:12px "Open Sans",sans-serif;}
.list {margin-top:36px;text-align:left;}

.burger {height:40px;width:40px;position:fixed;top:-14px;right:1px;cursor:pointer; padding: 20px;z-index: 99999; cursor: pointer;}
.x,.y,.z {position:absolute;margin:auto;top:0px;bottom:0px;background:#9B9A9A;border-radius:2px;transition:all 200ms ease-out; }
.x,.y,.z {height:4px;width:36px;}
.burger.open .x,.burger.open .y,.burger.open .z{ background: #FFF;}
.y {top:24px;}
.z {top:48px;}
.collapse {top:20px;transition:all 70ms ease-out;}
.rotate30 {transform:rotate(30deg);transition:all 50ms ease-out;}
.rotate150 {transform:rotate(150deg);transition:all 50ms ease-out;}
.rotate45 {transform:rotate(45deg);transition:all 100ms ease-out;}
.rotate135 {transform:rotate(135deg);transition:all 100ms ease-out;}
.menu-bg {width:100%;height:100%;position:fixed;top:0;left:-1750px; z-index: 999; background:#40435b;opacity:0;transition:all 100ms cubic-bezier(0.000,0.995,0.990,1.000); }
.menu-bg.animate {opacity:0.9;transition:all 400ms cubic-bezier(0.000,0.995,0.990,1.000); left: 0;}
.menu {height:100%; opacity: 0; margin-left: -9999px;}
.menu.animate,.menu.animate .menu-splitL {opacity: 1; width: 750px; margin: 0 auto; overflow-y: auto;}
.menu-splitL{position:fixed; width: 750px;z-index: 100000; padding-top: 90px; top: 0; height: 100%; opacity: 0;}
.menu ul li {list-style:none; text-align:center;font-size:28px;transition:all 150ms cubic-bezier(0.000,0.995,0.990,1.000); margin-left: -1999px;}
.menu ul li a { padding: 32px 0; color:#fff; text-transform:uppercase;text-decoration:none;letter-spacing:3px; display: block;}
section > div {transition:transform 1s;transform:translateX(0px);}
.menu li.animate {font-size:32px;opacity:1;transition:all 200ms cubic-bezier(0.000,0.995,0.990,1.000); margin-left: 0;}
.menu li.animate:nth-of-type(1) {transition-delay:0.0s;}
.menu li.animate:nth-of-type(2) {transition-delay:0.03s;}
.menu li.animate:nth-of-type(3) {transition-delay:0.06s;}
.menu li.animate:nth-of-type(4) {transition-delay:0.09s;}
.menu li.animate:nth-of-type(5) {transition-delay:0.12s;}
.menu li.animate:nth-of-type(6) {transition-delay:0.15s;}
.menu li.animate:nth-of-type(7) {transition-delay:0.18s;}
.screen{ width: 750px; overflow: hidden; margin: 0 auto; padding-top: 75px;}
.navbar {height:74px;background:#FFF; width: 100%; text-align: center; display: flex; align-items: center; width: 100%; position: fixed; z-index: 999; border-bottom: 1px solid #EBEEF5;}
.navbar .logo{ margin: 0 auto; display: inline-block;}
.bannerSwiper{ width: 750px; height: 390px;}
.swiper {width:100%;height:100%;}
.swiper-slide {text-align:center;font-size:18px; background-position: center center;}
.swiper .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; background:#A0BACD;}
.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#81D355;}
.cont{ width: 750px; margin: 0 auto;}
/* index */
.indexCont1{ background:url('../images/inbg1.jpg') no-repeat center top; height: 911px;  overflow: hidden;}
.indexCont1Text{  margin: 280px auto 0 auto; width: 600px; font-size: 32px; color: #666; line-height: 50px;}
.viewMoreBtn{ width: 349px; height: 103px; color: #FFF; border: 1px solid #F6F8F1; font-size: 32px; background:rgba(0, 125, 255, 0.65); display: block; margin: 100px auto; line-height: 103px; text-align: center;}
.viewMoreBtn img{ vertical-align: sub; padding-left: 10px;}
.indexCont2{ background:url('../images/inbg2.jpg') no-repeat center top; height: 1091px;  overflow: hidden;}
.indexCont2Text{ width: 600px; margin: 320px auto 0 auto; font-size: 32px; color: #FFF; line-height: 50px;}
.indexCont2 .viewMoreBtn{ background: rgba(255, 255, 255, 0.65); color: #55a72d; border-color: #CBE3BC;}

.indexCont2-1{ background:url('../images/inbg3.jpg') no-repeat center top; height: 1421px;  overflow: hidden;}
.indexCont2Text-1{ width: 600px; margin: 320px auto 0 auto; font-size: 32px; color: #666; line-height: 50px;}
.indexCont2Text-1 p{ margin-bottom: 20px;}
.indexCont2-1 .viewMoreBtn{ background:#48ACF7;}


.indexCont2-2{ overflow: hidden; background:url('../images/inbg4.jpg') no-repeat center top; height: 1074px;  overflow: hidden;}
.indexCont2Text-2{ width: 600px; margin: 360px auto 0 auto; font-size: 32px; color: #666; line-height: 50px;}
.indexCont2Text-2 p{ margin-bottom: 20px;}
.indexCont2Text-2 p.cp01{ color: #000;}
.indexCont2Text-2 p b{ margin-bottom: 20px;color: #6BB848; font-size: 40px;}
.indexCont2-2 .viewMoreBtn{ background:#6BB848;}



.indexCont3Box{ width: 664px; margin: 0 auto;}
.indexCont3Box1{ background:url('../images/pic02.jpg') no-repeat center top; height: 448px;  overflow: hidden; color: #FFF; margin-bottom: 15px;}
.indexCont3Box1 h3{ font-size: 36px; line-height: 62px;  width: 450px; margin: 120px auto 0 auto;}
.indexCont3Box1 p{ width: 450px; margin: 0 auto; line-height: 44px; font-size: 24px;}
.indexCont3Box2{ display: flex; margin-right: -15px;}
.indexCont3Box2 > a{ flex: 1; margin-right: 15px; width: 314px; height: 250px; display: block;}
.indexCont3Box2 > a p{  font-size: 36px; text-align: center; line-height: 250px; }
.indexCont3Box2L{background:url('../images/pic03.jpg') no-repeat center top; height: 250px; background-size: cover;  overflow: hidden; color: #FFF; margin-bottom: 15px;}
.indexCont3Box2R{background:url('../images/pic04.jpg') no-repeat center top; height: 250px; background-size: cover;   overflow: hidden; color: #FFF; margin-bottom: 15px;}
.indexCont3Box .more{ width: 664px; height: 95px; background-color: #0D72BB; float: right; color: #FFF; font-size: 32px; line-height: 95px; text-align: center; letter-spacing: 8px; position: relative; margin-bottom: 40px;}
.indexCont3Box a.more::after{ content: ''; display: block; width:22px ; height: 22px; position: absolute; bottom: 35px; right: 30%;  background: url('../images/icon03.png') no-repeat;}
.pagination{ text-align: center; clear: both; margin: 40px auto 0px auto; overflow: hidden;  }
.pagination a{ display: inline-block; height: 56px; line-height: 56px; color: #606266;  border-radius: 4px; padding: 0 20px; font-size: 20px;}
.pagination a.cur{ background: #46A0FC; color: #FFF;}
.pagination a:hover{background: #46A0FC; color: #FFF; opacity: 0.8;}
.footerBox{ background-color: #0A0A0B; padding:15px 50px;  overflow: hidden; clear: both;color: #FFF; width: 750px; box-sizing: border-box;}
.footer{ margin: 0 auto; }
.footer .tel{ font-size: 30px; line-height: 100px;color: #FFF; }
.teltext{ font-size: 22px; line-height: 50px;border-bottom: 1px solid #27272A; margin-bottom: 33px; padding-bottom: 30px;}
.footerMenu{ margin-bottom: 30px; display: block; overflow: hidden;}
.footerMenu dl{ float: left;  padding-right:20px ; }
.footerMenu dl dt{ font-size: 26px; color: #FFF; margin-bottom: 20px;}
.footerMenu dl dt a{ color: #FFF;}
.footerMenu dl dd a{ color: #FFF; display: block; font-size: 24px; line-height: 32px; color: #b9bfcb;}
.weixin{ display: flex; margin-left: auto; text-align: center; font-size: 14px; color: #FFF;  justify-content: space-between; }
.weixin dl{ margin:-5px 10px;}
.weixin dl dd{ color: #FFF; line-height: 60px; font-size: 28px;}
.copyright{ line-height: 34px; text-align: center; background: #030303; color: #63656a; font-size: 22px; clear: both; padding: 20px 0;}
.copyright a{ color: #63656a;}
/* about */
.aboutCont1{ background:url('../images/aboutbg1.jpg') no-repeat center top; height: 1220px;  overflow: hidden;}
.aboutCont1 .title1{ margin-top: 74px;}
.aboutCont1Text{ width:556px; margin: 30px auto; }
.aboutCont1Text p{ font-size: 24px; color: #666; line-height: 48px; margin-bottom: 30px; }
.aboutCont1Text p img{ margin-bottom: 20px;}
.aboutCont2{  background: #FFF; overflow: hidden; padding-bottom: 60px;}
.title1{ margin: 80px 0;}
.aboutCont3{ background:url('../images/aboutbg2.jpg') no-repeat center top #0070B8; min-height: 1220px;  overflow: hidden; padding-bottom: 40px;}
.aboutCont3 .title1{ margin: 70px 0 50px 0;}
.aboutCont3 .aboutCont1Text p{ color: #FFF; font-size: 22px; line-height: 40px;}
.aboutCont4{ background: #FFFFFF; overflow: hidden;}
.aboutCont4 .title1{ margin: 70px 0 50px 0;}
.aboutCont1Text{ width: 680px; margin: 60px  auto;}
.aboutCont5{ background: #F2F4F6; padding-bottom: 50px;}
.aboutCont5 .cont{ margin: 0 auto;width: 590px; }
.contList{margin: 0 -10px; clear: both; overflow: hidden;}
.contList dl{ float: left; text-align: center; width: 285px;  margin: 5px 10px 0px 10px;}
.contList dl dt{width: 285px; height: 215px; overflow: hidden; }
.contList dl dt img{width: 285px; height: 215px;}
.contList dl dd{line-height: 60px; font-size: 22px; color: #a5a5a5;}
.aboutCont6{ background: #FFF; padding-bottom: 50px; overflow: hidden;}
.patentList { width: 590px; margin: 0 auto;}
.patentList dl {height: 590px; margin-bottom: 80px;}
.patentList dl dt{ display: block; width: 590px;  height: 420;}
.patentList dl dd{ border: 1px solid #A5A5A5; width: 590px; border-top: 0; padding: 35px 30px; box-sizing: border-box; align-items: center; display: flex; font-size: 24px; line-height: 34px;}
.patentList dl dd > div p{ color: #a5a5a5;}
/* productCont1 */
.productCont1{ background:url('../images/productBg1.png') no-repeat center top; height: 811px;  overflow: hidden;}
.cont2{ width: 460px; margin: 0 auto; color: #000;}
.cont2 h5{ font-size: 32px; line-height: 86px;}
.cont2 p{ font-size: 24px; color: #666; line-height: 38px;}
.productCont2{ background:url('../images/productBg2.png') no-repeat center top; height: 819px;  overflow: hidden; box-sizing: border-box; padding-top: 260px;}
.productCont3{ background:url('../images/productBg3.png') no-repeat center top; height: 1335px;  overflow: hidden;}
.productCont3Box h4{ font-size: 36px; line-height: 100px;color: #FFF;}
.productCont3Box p{ color: #FFF; font-size: 24px; line-height: 48px;}
.productCont3Box .viewMore{ width: 240px; background: #B9D6E9;  height: 98px; margin: 60px auto; font-size: 32px; line-height: 98px; text-align: center; color: #006FB6; border: 1px solid #FFF; display: block;}
.productCont3Box1{ margin-top: 200px;}
.productCont3Box2{ margin-top: 350px;}
.productCont3Box2 .viewMore{ background-color: #D1E8C9; color: #59B43B;} 
.productDetailBox{ overflow: hidden;}
.productDetail{ overflow: hidden;}
.productSwiper{ height: 480px; width: 650px; margin:60px auto 40px auto;}
.productInfo{  width: 650px; color: #000; margin:0 auto;}
.productInfo h3{ font-size: 38px; line-height: 74px;}
.productInfo p{ font-size:28px; line-height: 56px;}
.product{ clear: both; margin-top: 40px;}
.titlt5{ height: 73px; border-bottom: 1px solid #B5B5B5;  font-size: 32px;}
.titlt5 span { cursor: pointer; float: left; line-height: 70px; padding: 0 5px; color: #8f8f8f; font-weight: normal; margin-right: 30px; border-bottom: 2px solid #FFF;}
.titlt5 span.cur{border-bottom: 3px solid #0D72BB; color: #000;}
.productCont{ padding: 40px 0;}
.productCont p{  font-size: 28px; line-height: 56px; color: #000;}
/* marketCont1 */
.marketCont1{ background:url('../images/marketBg2.png') no-repeat center top; height: 1175px;  overflow: hidden;}
.marketCont2{  background: #FFF; padding-bottom: 100px; overflow: hidden;}
.marketCont2 .cont{ width: 668px; margin: 0 auto;}
.marketCont2 .cont table tr td,.marketCont2 .cont table tr td span{ font-size: 25px !important; line-height: 56px !important;}
.marketCont2 .title2{ text-align: center; font-size: 34px; color: #000; margin:80px 0 50px 0;}
.marketCont3{ padding-bottom: 70px;}
.marketList { font-size: 28px; padding: 0 70px; box-sizing: border-box; line-height: 66px;}
.marketList p{ display: flex; justify-content: space-between; color: #666;}
.marketList p a{ font-weight: normal;color: #666;}
/* news */
.enwsCont1{ background: #F4F4F4;}
.newsList{ padding: 0 70px 80px 70px; box-sizing: border-box;}
.newsList a{ display: block;  overflow: hidden; line-height: 66px; border-bottom: 1px solid #D8D8D8; color: #666; font-size:24px; }
.newsList a strong{ font-weight: normal; float: left;}
.newsList a span{  float: right;}
.newsCont2{ background: #FFF; overflow: hidden;}
.newsCont3{ background: #EDEDED; overflow: hidden;}
.newsDetail,.productDetail{ margin: 90px auto; width: 650px;}
.breadcrumb {color: #A4A4A4; font-size: 28px; font-weight: normal;}
.breadcrumb a{ color: #A4A4A4; font-size: 28px;}
.newsDetailBox h4{ color: #000; font-size: 38px; margin: 70px 0 40px 0; text-align: center;}
.newsDetailBox h3{ margin-bottom: 30px; font-size: 32px;}
.newsDetailBox{ color: #000; line-height:48px; color: #000; font-size: 28px;}
.newsDetailBox .viewMoreBtn{ margin: 40px auto 80px auto;}
.newsDetailBox p{ margin-bottom: 20px;}
/* joinCont1 */
.joinCont1{ background: #F4F4F4; padding-bottom: 40px; overflow: hidden;}
.joinCont2{background: #FFF; overflow: hidden;}
.bgBlack{ background-color: #EFEFEF;}
.joinCont{ padding: 40px; box-sizing: border-box;}
.joinCont h2{ line-height:44px; font-size: 34px; margin-bottom: 20px;}
.joinCont h2 span{ font-size: 24px; font-weight: normal; padding-left: 20px;}
.joinCont p{ font-size: 24px; color: #666; line-height: 48px; margin-bottom: 10px;}
.findCont1{ background: #FFF; overflow: hidden; padding-bottom: 100px;}
.messageBox{ margin: 0 auto; width: 626px; overflow: hidden;}
.messageBox1{ width: 626px; }
.messageBox1 p { height: 61px; margin-bottom: 20px;}
.messageBox1 p input{ height: 59px; width: 626px; padding: 0 20px;}
.messageBox1 p input,.messageBox2 textarea{  box-sizing: border-box;background: #F5F6F9; border:1px solid #C1C1C1; font-size: 24px; color: #000;}
.messageBox2{width: 626px; }
.messageBox2 textarea{width: 626px; height: 287px;padding: 20px ; }
.messageBox2 button{width: 626px;background: #006FB6; color: #FFF; border:1px solid #FFF; cursor: pointer; height: 100px; margin-top: 13px; font-size: 26px;}
.findCont2{ background: url(../images/findTitle2.png) #F4F4F4 no-repeat center 80px; overflow: hidden;  padding-bottom: 100px; padding-top: 290px; }
.findList{margin: 0 auto; width: 626px; }
.findList a{ display: block;  overflow: hidden; line-height: 58px;  color: #666; font-size:24px;}
.findList a strong{ font-weight: normal; float: left;}
.findList a span{  float: right;}


.newsswiper{ margin: 0 auto 100px auto; width: 720px;}
.newsswiper .swiper{width: 720px; height:100%;}
.newsswiper .swiper .swiper-slide { width:70%; height:100%; min-height:500px; font-size :32px;font-weight:500;display: flex;flex-direction: column;justify-content:center;align-items:center; }
.newsswiper .swiper .swiper-slide > div{ vertical-align: middle;}
.newsswiper .swiper .swiper-slide p{ font-size: 22px; text-align: center; color: #333; line-height: 46px; background-color: #FFF; width: 100%;}
.newsswiper .swiper-button-next, .newsDetailBox .swiper-rtl .swiper-button-prev{ color: #FFF;}
.newsswiper .swiper-button-prev, .newsDetailBox .swiper-rtl .swiper-button-next{color: #FFF;}